<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<html>
<head>
    <title>区域管理</title>
    <meta name="decorator" content="nblank"/>
</head>
<body>
<div class="content container">
    <h2 class="page-title">区域列表
        <small> 区域添加</small>
    </h2>
    <section class="widget widget-tabs widget-table-overflow">
        <header>
            <ul class="nav nav-tabs">
                <li><a href="${ctx}/sys/area/">区域列表</a></li>
                <li class="active">
                    <a href="javascript:;">区域
                        <shiro:hasPermission name="sys:area:edit">${not empty area.id?'修改':'添加'}</shiro:hasPermission>
                        <shiro:lacksPermission name="sys:area:edit">查看</shiro:lacksPermission>
                    </a>
                </li>
            </ul>
        </header>
        <div class="body tab-content">
            <form:form id="inputForm" modelAttribute="area" action="${ctx}/sys/area/save" method="post" class="form-horizontal">
                <form:hidden path="id"/>
                <sys:message content="${message}"/>
                <div class="form-group">
                    <label class="control-label col-sm-4">上级区域:</label>
                    <div class="col-sm-4">
                        <sys:treeselect id="area" name="parent.id" value="${area.parent.id}" labelName="parent.name" labelValue="${area.parent.name}"
                                        title="区域" url="/sys/area/treeData" extId="${area.id}" cssClass="form-control input-transparent" allowClear="true"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-sm-4"><span><span style="color:red;">*</span></span> 区域名称:</label>
                    <div class="col-sm-4">
                        <form:input path="name" htmlEscape="false" maxlength="50" class="form-control input-transparent"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-sm-4">区域编码:</label>
                    <div class="col-sm-4">
                        <form:input path="code" htmlEscape="false" maxlength="50" class="form-control input-transparent"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-sm-4">区域类型:</label>
                    <div class="col-sm-4">
                        <form:select path="type" data-style="btn-primary" data-width="auto" class="selectpicker">
                            <c:forEach items="${fns:getDictList('sys_area_type')}" var="dict">
                                <form:option value="${dict.value}" label="${dict.label}"/>
                            </c:forEach>
                        </form:select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="remarks" class="control-label col-sm-4">备注:</label>
                    <div class="col-sm-4">
                        <form:textarea path="remarks" htmlEscape="false" rows="3" maxlength="200" class="form-control input-transparent"/>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="text-align-center">
                        <input id="btnCancel" class="btn btn-default" type="button" style="margin-left: -50px;min-width:100px;" value="返 回" onclick="history.go(-1)"/>
                        <input id="btnSubmit" class="btn btn-primary" style="margin-left:50px;min-width:100px;" type="submit" value="保 存"/>&nbsp;
                    </div>
                </div>
            </form:form>
        </div>
    </section>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("#name").focus();
        $("#inputForm").validate({
            submitHandler: function (form) {
                loading('正在提交，请稍等...');
                form.submit();
            },
            errorContainer: "#messageBox",
            errorPlacement: function (error, element) {
                $("#messageBox").text("输入有误，请先更正。");
                if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
                    error.appendTo(element.parent().parent());
                } else {
                    error.insertAfter(element);
                }
            }
        });
    });
</script>
</body>
</html>